<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿网易云音乐</title>
    <link rel="stylesheet" type="text/css" href="./../../css/test3.css"/>
    <script src="../../libs/jquery.min.js"></script>
</head>
<body>
    <!--include "./header_module.html"-->
    <div id="main-body">
        <div id="sidebar">
            <ul>
                <p>推荐</p>
                <li class="current">发现音乐</li>
                <li>私人FM</li>
                <li>MV</li>
                <li>朋友</li>
            </ul>
            <ul>
                <p>我的音乐</p>
                <li>本地音乐</li>
                <li>下载管理</li>
            </ul>
            <ul>
                <p>创建的歌单</p>
                <li>我喜欢的音乐</li>
            </ul>
            <img src="../../img/test3/music.png">
        </div>
        <div id ="box-right">
            <!--include "./nav_module.html"-->
            <div>
                <select class="sel">
                    <option value="">全部歌单</option>
                    <option value="">语种</option>
                    <option value="">风格</option>
                </select>
                <div class="label">
                    <ul>
                        <h5>热门标签：</h5>
                        <li><a href="#">华语</a></li>
                        <p>丨</p>
                        <li><a href="#">流行</a></li>
                        <p>丨</p>
                        <li><a href="#">摇滚</a></li>
                        <p>丨</p>
                        <li><a href="#">民谣</a></li>
                        <p>丨</p>
                        <li><a href="#">电子</a></li>
                        <p>丨</p>
                        <li><a href="#">轻音乐</a></li>
                        <p>丨</p>
                        <li><a href="#">影视原声</a></li>
                        <p>丨</p>
                        <li><a href="#">ACG</a></li>
                        <p>丨</p>
                        <li><a href="#">怀旧</a></li>
                        <p>丨</p>
                        <li><a href="#">治愈</a></li>
                    </ul>
                    <div class="wrap">
                        <div class="img-ul">
                            <div id="bodyList"></div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <!--include "./bottom_module.html"-->

    <!--使用webpack生成文件路径-->
    <script src="../../com/module/commons.js"></script>
    <script src="../../com/module/test3.js"></script>
</body>
</html>